<template><div><p>本文档最新版为 <a href="https://learnku.com/docs/laravel/10.x" target="_blank" rel="noopener noreferrer">10.x</a>，旧版本可能放弃维护，推荐阅读最新版！</p>
<h2 id="入门套件" tabindex="-1"><a class="header-anchor" href="#入门套件"><span>入门套件</span></a></h2>
<ul>
<li><a href="#introduction">简介</a></li>
<li><a href="#laravel-breeze">Laravel Breeze</a>
<ul>
<li><a href="#laravel-breeze-installation">安装</a></li>
<li><a href="#breeze-and-blade">Breeze 和 Blade</a></li>
<li><a href="#breeze-and-livewire">Breeze 和 Livewire</a></li>
<li><a href="#breeze-and-inertia">Breeze 和 React / Vue</a></li>
<li><a href="#breeze-and-next">Breeze 和 Next.js / API</a></li>
</ul>
</li>
<li><a href="#laravel-jetstream">Laravel Jetstream</a></li>
</ul>
<h2 id="简介" tabindex="-1"><a class="header-anchor" href="#简介"><span>简介</span></a></h2>
<p>为了帮助您快速开始构建新的 Laravel 应用程序，我们很高兴提供认证和应用程序入门套件。这些套件会自动为您的应用程序生成所需的路由、控制器和视图，以便注册和验证应用程序的用户。</p>
<p>虽然欢迎您使用这些入门套件，但并非强制要求。您可以自由地从头开始构建自己的应用程序，只需安装一个全新的 Laravel。无论哪种方式，我们相信您都会构建出优秀的应用程序！</p>
<h2 id="laravel-breeze" tabindex="-1"><a class="header-anchor" href="#laravel-breeze"><span>Laravel Breeze</span></a></h2>
<p><a href="https://github.com/laravel/breeze" target="_blank" rel="noopener noreferrer">Laravel Breeze</a> 是 Laravel 的一个最小化、简单的实现，包括登录、注册、密码重置、电子邮件验证和密码确认等所有 <a href="https://learnku.com/docs/laravel/11.x/authentication" target="_blank" rel="noopener noreferrer">认证功能</a>。此外，Breeze 还包含一个简单的 「个人资料」页面，用户可以在该页面更新他们的姓名、电子邮件地址和密码。</p>
<p>Laravel Breeze 的默认视图层由简单的 <a href="https://learnku.com/docs/laravel/11.x/blade" target="_blank" rel="noopener noreferrer">Blade 模板</a> 和 <a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer">Tailwind CSS</a> 样式化组成。此外，Breeze 提供了基于 <a href="https://livewire.laravel.com/" target="_blank" rel="noopener noreferrer">Livewire</a> 或 <a href="https://inertiajs.com/" target="_blank" rel="noopener noreferrer">Inertia</a> 的脚手架选项，可以选择在基于 Inertia 的脚手架中使用 Vue 或 React。</p>
<p><img src="https://laravel.com/img/docs/breeze-register.png" alt="breeze-register.png"></p>
<h4 id="laravel-bootcamp" tabindex="-1"><a class="header-anchor" href="#laravel-bootcamp"><span>Laravel Bootcamp</span></a></h4>
<p>如果您是 Laravel 的新手，请随时参加 <a href="https://bootcamp.laravel.com/" target="_blank" rel="noopener noreferrer">Laravel Bootcamp</a>。Laravel Bootcamp 将指导您使用 Breeze 构建您的第一个 Laravel 应用程序。这是一个了解 Laravel 和 Breeze 提供的所有功能的绝佳方式。</p>
<h3 id="安装" tabindex="-1"><a class="header-anchor" href="#安装"><span>安装</span></a></h3>
<p>首先，你应该<a href="https://learnku.com/docs/laravel/11.x/installation" target="_blank" rel="noopener noreferrer">创建一个新的 Laravel 应用程序</a>。如果你使用 <a href="https://learnku.com/docs/laravel/11.x/installation#creating-a-laravel-project" target="_blank" rel="noopener noreferrer">Laravel 安装器</a> 创建应用程序，将在安装过程中提示你安装 Laravel Breeze。否则，你将需要按照下面的手动安装说明进行操作。</p>
<p>如果你已经创建了一个没有入门套件的新 Laravel 应用程序，你可以使用 Composer 手动安装 Laravel Breeze：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line"><span class="token function">composer</span> require laravel/breeze <span class="token parameter variable">--dev</span></span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div></div></div><p>在 Composer 安装了 Laravel Breeze 包之后，你应该运行 <code v-pre>breeze:install</code> Artisan 命令。此命令将认证视图、路由、控制器和其他资源发布到你的应用程序。Laravel Breeze 将所有代码发布到你的应用程序中，以便你完全控制并查看其功能和实现。</p>
<p><code v-pre>breeze:install</code> 命令将提示你选择首选的前端堆栈和测试框架：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line">php artisan breeze:install</span>
<span class="line"></span>
<span class="line">php artisan migrate</span>
<span class="line"><span class="token function">npm</span> <span class="token function">install</span></span>
<span class="line"><span class="token function">npm</span> run dev</span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="breeze-和-blade" tabindex="-1"><a class="header-anchor" href="#breeze-和-blade"><span>Breeze 和 Blade</span></a></h3>
<p>Breeze 的默认「堆栈」是 Blade 堆栈，它使用简单的 <a href="https://learnku.com/docs/laravel/11.x/blade" target="_blank" rel="noopener noreferrer">Blade 模板</a> 来渲染应用程序的前端。可以通过调用 <code v-pre>breeze:install</code> 命令并选择 Blade 前端堆栈来安装 Blade 堆栈。在安装 Breeze 的脚手架之后，你还应该编译应用程序的前端资源：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line">php artisan breeze:install</span>
<span class="line"></span>
<span class="line">php artisan migrate</span>
<span class="line"><span class="token function">npm</span> <span class="token function">install</span></span>
<span class="line"><span class="token function">npm</span> run dev</span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><p>接下来，你可以在 Web 浏览器中导航到应用程序的 <code v-pre>/login</code> 或 <code v-pre>/register</code> URL。Breeze 的所有路由都定义在 <code v-pre>routes/auth.php</code> 文件中。</p>
<blockquote>
<p><strong>注意</strong><br>
要了解有关编译应用程序 CSS 和 JavaScript 的更多信息，请查看 Laravel 的 <a href="https://learnku.com/docs/laravel/11.x/vite#running-vite" target="_blank" rel="noopener noreferrer">Vite 文档</a>。</p>
</blockquote>
<h3 id="breeze-和-livewire" tabindex="-1"><a class="header-anchor" href="#breeze-和-livewire"><span>Breeze 和 Livewire</span></a></h3>
<p>Laravel Breeze 提供了 <a href="https://livewire.laravel.com/" target="_blank" rel="noopener noreferrer">Livewire</a> 的脚手架支持。Livewire 允许你使用纯 PHP 构建动态、响应式的前端 UI，对于那些主要使用 Blade 模板且希望寻找比 Vue 和 React 等 JavaScript 驱动的 SPA 框架更简单的替代方案的团队来说，Livewire 是一个理想的选择。</p>
<p>要使用 Livewire 栈，你可以在执行 <code v-pre>breeze:install</code> Artisan 命令时选择 Livewire 前端栈。完成 Breeze 的脚手架安装后，运行以下命令进行数据库迁移：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line">php artisan breeze:install</span>
<span class="line"></span>
<span class="line">php artisan migrate</span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h3 id="breeze-和-react-vue" tabindex="-1"><a class="header-anchor" href="#breeze-和-react-vue"><span>Breeze 和 React / Vue</span></a></h3>
<p>Laravel Breeze 还通过 <a href="https://inertiajs.com/" target="_blank" rel="noopener noreferrer">Inertia</a> 提供了 React 和 Vue 的脚手架。Inertia 允许你结合 Laravel 的服务器端路由和控制器，构建现代的单页面 React 或 Vue 应用。</p>
<p>Inertia 使你能够利用 React 和 Vue 的前端功能，同时保留 Laravel 的后端高效和 <a href="https://vitejs.dev/" target="_blank" rel="noopener noreferrer">Vite</a> 的快速编译。在执行 <code v-pre>breeze:install</code> 命令时，你可以选择 Vue 或 React 前端栈，并且安装程序会提示是否支持 <a href="https://inertiajs.com/server-side-rendering" target="_blank" rel="noopener noreferrer">Inertia SSR</a> 或 TypeScript。安装完 Breeze 的脚手架后，还需要编译前端资产：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line">php artisan breeze:install</span>
<span class="line"></span>
<span class="line">php artisan migrate</span>
<span class="line"><span class="token function">npm</span> <span class="token function">install</span></span>
<span class="line"><span class="token function">npm</span> run dev</span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><p>然后，你可以在浏览器中访问 <code v-pre>/login</code> 或 <code v-pre>/register</code> URL。所有 Breeze 的路由定义在 <code v-pre>routes/auth.php</code> 文件中。</p>
<h3 id="breeze-and-next-js-api" tabindex="-1"><a class="header-anchor" href="#breeze-and-next-js-api"><span>Breeze and Next.js / API</span></a></h3>
<p>Laravel Breeze 还可以构建一个身份验证 API ，该 API 可以对现代 JavaScript 应用程序，例如由 <a href="https://nextjs.org/" target="_blank" rel="noopener noreferrer">Next</a>， <a href="https://nuxt.com/" target="_blank" rel="noopener noreferrer">Nuxt</a> 等驱动的应用进行身份验证。要开始，请在执行 <code v-pre>breeze:install</code> Artisan 命令时指定 <code v-pre>api</code> 堆栈作为所需的堆栈：</p>
<div class="language-bash line-numbers-mode" data-highlighter="prismjs" data-ext="sh" data-title="sh"><pre v-pre class="language-bash"><code><span class="line">php artisan breeze:install</span>
<span class="line"></span>
<span class="line">php artisan migrate</span>
<span class="line"></span></code></pre>
<div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><p>在安装期间，Breeze 将在应用程序的 <code v-pre>.env</code> 文件中添加 <code v-pre>FRONTEND_URL</code> 环境变量。该 URL 应该是你的 JavaScript 应用程序的 URL。在本地开发期间，这通常是 <code v-pre>http://localhost:3000</code> 。另外，你应该确保 <code v-pre>APP_URL</code> 设置为 <code v-pre>http://localhost:8000</code> ，这是 <code v-pre>serve</code> Artisan 命令使用的默认 URL。</p>
<h4 id="next-js-参考实现" tabindex="-1"><a class="header-anchor" href="#next-js-参考实现"><span>Next.js 参考实现</span></a></h4>
<p>最后，你可以将此后端与你选择的前端配对。Breeze 前端的 Next 参考实现在 <a href="https://github.com/laravel/breeze-next" target="_blank" rel="noopener noreferrer">在 GitHub 上提供</a>。此前端由 Laravel 维护，并包含与 Breeze 提供的传统 Blade 和 Inertia 堆栈相同的用户界面。</p>
<h2 id="laravel-jetstream" tabindex="-1"><a class="header-anchor" href="#laravel-jetstream"><span>Laravel Jetstream</span></a></h2>
<p>虽然 Laravel Breeze 为构建 Laravel 应用程序提供了简单和最小的起点，但 Jetstream 通过更强大的功能和附加的前端技术栈增强了该功能。 <strong>对于全新接触 Laravel 的用户，我们建议使用 Laravel Breeze 学习一段时间后再尝试 Laravel Jetstream。</strong></p>
<p>Jetstream 为 Laravel 提供了美观的应用程序脚手架，并包括登录、注册、电子邮件验证、双因素身份验证、会话管理、通过 Laravel Sanctum 支持的 API 以及可选的团队管理。Jetstream 使用 <a href="https://tailwindcss.com/" target="_blank" rel="noopener noreferrer">Tailwind CSS</a> 设计，并提供你选择使用 <a href="https://livewire.laravel.com/" target="_blank" rel="noopener noreferrer">Livewire</a> 或 <a href="https://inertiajs.com/" target="_blank" rel="noopener noreferrer">Inertia</a> 驱动的前端脚手架。</p>
<p>有关安装 Laravel Jetstream 的完整文档，请参阅 <a href="https://jetstream.laravel.com/" target="_blank" rel="noopener noreferrer">Jetstream 官方文档</a>。</p>
<blockquote>
<p>本译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接<br>
我们的翻译工作遵照 <a href="https://learnku.com/docs/guide/cc4.0/6589" target="_blank" rel="noopener noreferrer">CC 协议</a>，如果我们的工作有侵犯到您的权益，请及时联系我们。</p>
</blockquote>
<hr>
<blockquote>
<p>原文地址：<a href="https://learnku.com/docs/laravel/11.x/starter-kitsmd/16651" target="_blank" rel="noopener noreferrer">https://learnku.com/docs/laravel/11.x/st...</a></p>
<p>译文地址：<a href="https://learnku.com/docs/laravel/11.x/starter-kitsmd/16651" target="_blank" rel="noopener noreferrer">https://learnku.com/docs/laravel/11.x/st...</a></p>
</blockquote>
</div></template>


